import PersonIntroduction from "./components/PersonIntroduction.tsx";
import {Avatar, Col, Row} from "@douyinfe/semi-ui";
import wanImg from '/assets/wan.jpg';
import fengImg from '/assets/feng.jpg';
import chenImg from '/assets/chen.jpg';
import liaoImg from '/assets/liao.jpg';
const Team = () => {
    const commonStyle={
        display:"flex",
        justifyContent: "center"
    }
    return (
        <div style={{margin:12,display:'flex',flexDirection:'column',gap:12}}>
            <Row>
                <Col span={8} style={commonStyle}>
                    <PersonIntroduction name={"万家骏"} introduction={"或许是一个大佬"} avatar={
                        <Avatar
                            size="default"
                            src={wanImg}
                        />
                    }/>
                </Col>
                <Col span={8} style={commonStyle}>
                    <PersonIntroduction name={"冯美欣"} introduction={"或许是一个大佬"} avatar={
                        <Avatar
                            size="default"
                            src={fengImg}
                        />
                    }/>
                </Col>
                <Col span={8} style={commonStyle}>
                    <PersonIntroduction name={"陈灏"} introduction={"或许是一个大佬"} avatar={
                        <Avatar
                            size="default"
                            src={chenImg}
                        />
                    }/>
                </Col>
            </Row>
            <Row>
                <Col span={8} style={commonStyle}>
                    <PersonIntroduction name={"廖镔"} introduction={"或许是一个大佬"} avatar={
                        <Avatar
                            size="default"
                            src={liaoImg}
                        />
                    }/>
                </Col>
            </Row>
        </div>
    )
}
export default Team;